<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ include file="/WEB-INF/view/modules/sys/include/taglib.jsp"%>
<%@ include file="/WEB-INF/view/modules/sys/include/head.jsp"%>
<div class="main-container">
    <div class="padding-md">
        <div class="col-md-6">
            <div class="smart-widget">
                <div class="smart-widget-header">
                    添加管理员
                    <span class="smart-widget-option">
										<span class="refresh-icon-animated">
											<i class="fa fa-circle-o-notch fa-spin"></i>
										</span>
			                            <a href="#" class="widget-toggle-hidden-option">
			                                <i class="fa fa-cog"></i>
			                            </a>
			                            <a href="#" class="widget-collapse-option" data-toggle="collapse">
			                                <i class="fa fa-chevron-up"></i>
			                            </a>
			                            <a href="#" class="widget-refresh-option">
			                                <i class="fa fa-refresh"></i>
			                            </a>
			                            <a href="#" class="widget-remove-option">
			                                <i class="fa fa-times"></i>
			                            </a>
			                        </span>
                </div>
                <div class="smart-widget-inner">
                    <div class="smart-widget-hidden-section">
                        <ul class="widget-color-list clearfix">
                            <li style="background-color:#20232b;" data-color="widget-dark"></li>
                            <li style="background-color:#4c5f70;" data-color="widget-dark-blue"></li>
                            <li style="background-color:#23b7e5;" data-color="widget-blue"></li>
                            <li style="background-color:#2baab1;" data-color="widget-green"></li>
                            <li style="background-color:#edbc6c;" data-color="widget-yellow"></li>
                            <li style="background-color:#fbc852;" data-color="widget-orange"></li>
                            <li style="background-color:#e36159;" data-color="widget-red"></li>
                            <li style="background-color:#7266ba;" data-color="widget-purple"></li>
                            <li style="background-color:#f5f5f5;" data-color="widget-light-grey"></li>
                            <li style="background-color:#fff;" data-color="reset"></li>
                        </ul>
                    </div>
                    <div class="smart-widget-body">
                        <form class="form-horizontal no-margin" id="type-constraint" action="${ctx}/admin/add" method="post">
                            <div class="form-group">
                                <label class="control-label col-lg-3"> 姓名:</label>
                                <div class="col-lg-9">
                                    <input type="text" name="names" id="names" value="" placeholder="请输入姓名" class="form-control input-sm"/>
                                </div><!-- /.col -->
                            </div><!-- /form-group -->
                            <div class="form-group">
                                <label class="control-label col-lg-3"> 别名:</label>
                                <div class="col-lg-9">
                                    <input type="text" name="loginNames" id="loginNames" value="" placeholder="请输入别名" class="form-control input-sm"/>
                                </div><!-- /.col -->
                            </div><!-- /form-group -->

                            <div class="form-group">
                                <label class="control-label col-lg-3">电话：</label>
                                <div class="col-lg-9">
                                    <input type="tel" name="phone" id="phone" value="" placeholder="请输入电话" class="form-control input-sm"/>
                                </div><!-- /.col -->
                            </div><!-- /form-group -->
                            <div class="form-group">
                                <label class="control-label col-lg-3"> 编号：</label>
                                <div class="col-lg-9">
                                    <input type="text" name="adminNum" id="adminNum" value="" placeholder="请输入编号" class="form-control input-sm"/>
                                </div><!-- /.col -->
                            </div><!-- /form-group -->
                            <div class="form-group">
                                <label class="control-label col-lg-3"> 密码: </label>
                                <div class="col-lg-9">
                                    <input type="password" name="password" id="password" placeholder="请输入密码" class="form-control input-sm"/>
                                </div><!-- /.col -->
                            </div><!-- /form-group -->
                            <div class="text-right m-top-md">
                                <button type="submit" class="btn btn-info">提交信息</button>
                            </div>
                        </form>
                    </div>
                </div><!-- ./smart-widget-inner -->
            </div><!-- ./smart-widget -->
        </div>
    </div>
</div>
<%@include file="/WEB-INF/view/modules/sys/include/footerlib.jsp"%>
<!-- 配置文件 -->
<script type="text/javascript" src="${ctxStatic}/ueditor1_4_3_3-utf8-jsp/utf8-jsp/ueditor.config.js"></script>
<!-- 编辑器源码文件 -->
<script type="text/javascript" src="${ctxStatic}/ueditor1_4_3_3-utf8-jsp/utf8-jsp/ueditor.all.js"></script>
<!-- 实例化编辑器 -->
<script type="text/javascript">
    var ue = UE.getEditor('container',{toolbars: [
        ['fullscreen', 'source', 'undo', 'redo'],
        ['bold', 'italic', 'underline', 'fontborder', 'strikethrough', 'superscript', 'subscript', 'removeformat', 'formatmatch', 'autotypeset', 'blockquote', 'pasteplain', '|', 'forecolor', 'backcolor', 'insertorderedlist', 'insertunorderedlist', 'selectall', 'cleardoc']
    ], autoHeightEnabled: true,
        autoFloatEnabled: true});
</script>
<script>
    $(document).ready(function() {
        $("#type-constraint").validate({
            rules:{
                phone: "required",
                names :"required"
            },
            messages: {
                phone:"请输入电话号码",
                names :"请输入姓名"
            }
        })
    })
</script>
</body>
</html>
